конфликт с Mozilla Firefox

Shatun · June 20, 2010

Уважаемые!

Есть карта (фон. картинка map.gif) с возможностью выбора региона, так вот при наведении на один из регионов (город), картинка (star.gif) подсвечивает выбранный регион.

В IE все вроде прекрасно работает. Но вот решил проверить в Mozilla Firefox, а там картинка (star.gif) не перемещается к выбранному региону (городу), весит в самом верхнем углу хоть убейся :lol: .

Пол ночи ковыряюсь (методом тыка), но никак не пойму, где копать и на какой участок кода смотреть.. Здесь на форуме тоже порылся, но ничего не нашёл похожего.

Есть правда упоминания про отрицательный - Z-INDEX:

но вот сижу и туплю, никак разобраться не могу пните меня в нужное место или помогите с участком кода.

Вот с-но кусок кода:

	  <MAP id=city name=city>
		<AREA
					onmouseover=showAddress(1,83,198)
					href="#" shape=RECT alt=Москва
					coords=81,170,161,188>
		<AREA
					onmouseover=showAddress(2,78,162)
					href="#" shape=RECT
					alt=Санкт-Петербург coords=81,136,193,155>
	  </MAP>
				  <DIV style="POSITION: relative; WIDTH: 100%; HEIGHT: 525px">
				  <DIV style="Z-INDEX: 2; POSITION: absolute; VISIBILITY: hidden" id=divBlink><IMG border=0 src="templates/NIV/img/star.gif" width=11 height=11></DIV>

				  <DIV style="Z-INDEX: 2; POSITION: absolute; VISIBILITY: hidden; TOP: 0px" id=divCity1>
				  <H3>ООО"....."</H3>
				  <DIV>Россия, 105005, г. Москва, ........</DIV></DIV>

				  <DIV style="Z-INDEX: 2; POSITION: absolute; VISIBILITY: hidden; TOP: 0px" id=divCity2>
				  <H3>Филиал ООО"......"</H3>
				  <DIV>Россия,197022, г. Санкт-Петербург, ул. .......... </DIV></DIV>

		<DIV style="Z-INDEX: 0; POSITION: absolute; TOP: 25px"><IMG border=0 alt="Карта России" src="templates/NIV/img/map.gif" width=525 height=389 useMap=#city></DIV>

там конечно и ява есть, но мне кажется трабла со стилем. ведь в IE работает..

Или я заблуждаюсь?

Если нужно выложу скрипт и скрины.

Edited June 20, 2010 by Shatun

Shatun · June 21, 2010

Методом научного тыка и бессонной ночи :lol: я выяснил причину трабла.

Похоже, теперь мой вопрос нужно переносить в другой раздел, но раз его поднял здесь, то продолжу в этой теме.

Оказывается всю жизнь портит вот эта строка в ШТМЛ страничке-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

IE просто проглатывает эту строку а вот Mozilla Firefox нет

Люди знающие, подскажите как это обойти. Дело в том, что в движке эта строка цепляется вверху всех документов в т.ч. и новых страниц.

sigma77 · June 21, 2010

Здесь на форуме тоже порылся, но ничего не нашёл похожего.

Плохо значит рылся :lol:

http://forum.htmlbook.ru/index.php?showtopic=20877

Searcher · June 21, 2010

1. Не ориентируйтесь на IE - это самый глючный броузер, и отображает он далеко не всегда так как предусмотрено стандартами и, соответственно, не так как хочет верстальщик.

2. А незнакомая вам строчка с doctype и есть основа всего документа. Это и есть команда для броузера в каком стандарте ему отображать код.

Если уж начали заниматься версткой, то стыдно не знать этих вещей. Opera, FireFox, Chrome, Safari - эти броузеры наиболее точно следуют стандартам.

С первого взгляда не вижу в чем проблема... Лучше дайте ссылку на сайт.

Shatun · June 21, 2010

sigma77 спасибо ценная инфа! Но я не искал карту, а искал как победить мой трабл.

Searcher спасибо за отклик и порку конечно :lol:

по вёрстке, действительно неделю назад взялся, уж извиняйте, выбыл из темы лет этак 10 назад. Теперь пытаюсь всё вспомнить и наверстать.

про доктайп поверхностно знаю.

IE - это самый глючный броузер

дык я это знаю поэтому и начал всё проверять в FireFox, дойдёт дело и до остальных

даю ссылку, интерактивная карта

только по верстке сильно не пинайте (там ещё много работы)

на задвоение тегов типа <html> <head> прошу носом не тыкать, это эксперименты вкорячивания страницы через двиг

Edited June 21, 2010 by Shatun

Searcher · June 21, 2010

10 лет!? Тогда ясно откуда непонимание :lol: За это время вся идеология поменялась... Почитайте раздел "Шаг за шагом", это даст некоторое понимание изменений. Ну и от себя скажу: сейчас html описывает только структуру данных, а все оформление вынесено в css в отдельные файлы, которые подключаются к странице. Можно и в атрибуте style каждого тэга описать оформление, но это уже абсолютно непрактично, поскольку в случае малейших изменений придется править все страницы, да еще порой и кучу элементов на одной странице. Для избежания такого гемора и выносятся все стили в отдельный файл, который потом просто линкуется к каждой странице.

Посмотрел ссылку...

1. Доктайп не в кассу. Организация кода не соответствует стандарту, что указан в доктайпе. Необходимо сменить на какой-нибудь html.

2. Исправьте все незакрытые тэги, уберите открытые незачем и не закрытые. Из-за таких ошибок броузер может непредсказуемо интерпретировать код.

Потом уже будем смотреть что там не так делает FF...

Shatun · June 21, 2010

Ну да.. время быстро летит, да и всё не стоит на месте :lol: вроде совсем недавно ксс впихивали в тело штмл странички и только начинали выводить стили отдельно в ксс.

Вы уж меня так далеко пнули ) можно сказать к азбуке . мол изучай давай )

Я конечно не гуру, но и не такой безнадёжный ))

С CSS вроде немного знаком, но вот по CSS 2 пришлось почитать до того как постить сообщение ) для меня была очень полезная Ваша ссылка – какой-нибудь html.

А именно - Пример 4.2. Допустимые DTD

Раньше не предавал такое большоё значение доктайпу.

Ответ по сути лежал на поверхности, а я лез в дебри ). Только ещё до конца не разобрался, как определять в кассу доктайп или нет (буду грызть гранит науки) :-)

Если ткнёте носом где кратко, но ёмко это определение описано (без подробностей) буду премного благодарен.

Но все-таки, вопрос для меня остался открытым -

Люди знающие, подскажите как это обойти. Дело в том, что в движке эта строка цепляется вверху всех документов в т.ч. и новых страниц..

Т.е. я например заменяю –

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

На – <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

И всё на карте прекрасно отображается, но тогда могут начаться траблы с отображением в других местах по движку.

Может подскажите, как применительно к <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> подкорректировать код? Или всё не так просто.

если по пунктам

1. решение есть <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

2. так там вроде всё в порядке, ничего лишнего. Я ведь не на движке упрожняюсь. Взял ШТМЛ файлик и его мучаю (если нужно, могу выложить).

редакция...

опсссс со 2-м пуектом явно погорячился - validator.w3.org/ показывает немеренно ошибок

Edited June 21, 2010 by Shatun

Shatun · June 21, 2010

Фуууухх. примпарился разные ковычки и запятые расставлять.

Для проверки выложил отдельным файлом и прописал Doctype: HTML 4.01 Transitional

первые результаты просто убили - 71 Errors, 3 warning(s) :lol:

сейчас Result: 2 Errors

результат здесь

но никак понять не могу что ещё исправить нужно..

ткните пальцем пожалуйста.

файл с картой в FF при Doctype: HTML 4.01 Transitional не отображается корректно.

получается будет нормально отображаться только с

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Edited June 21, 2010 by Shatun

stars · June 21, 2010

Line 66, Column 164: required attribute "ALT" not specified ===== говорит что у имеджа атрибута ALT="" нету даже нулевого

Line 127, Column 100: required attribute "ACTION" not specified ===== строки не видно но вроде то форма тут просят указать ACTION="test.html"(действие)

Edited June 21, 2010 by stars

Searcher · June 22, 2010

Да, для всех img требуется указывать хоть пустой альт: alt=""

Для формы необходимо указать атрибут action, тоже хотябы пустой

путь в доктайпе нельзя опускать

сейчас посмотрю в чем трабл

а, ну все оказалось просто...

в свойствах обязательно нужно указывать единицы измерения, а у вас в скрипте присваивается только число, значит надо так:

			star.style.left = x+"px";
			star.style.top = y+"px";

Shatun · June 22, 2010

Searcher Спасибо!!!

воистину - эксперт

путь в доктайпе обязательно укажу (уже читал что лучше прописывать)

alt="" и атрибут action поставил.

а я сижу и туплю.. думаю нафиг ему alt (в подсознании сидело, что для поисков. ботов)

stars тебе тоже большое спасибо, что откликнулся и конкретные замечания!

при -

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

всё корректно отображается в

Google Chrome, Mozilla Firefox и Internet Explorer, но тесты продожаются :lol:

Edited June 22, 2010 by Shatun

Searcher · June 22, 2010

Пожалуйста! :lol:

alt в стандарте прописан как обязательный к использованию не для поисковиков

При

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Синтаксис несколько отличается (хотябы одиночные, незакрывающиеся тэги следут записывать таким образом: <img src="image.gif"/>, <br/> и т.п.), ну и еще ряд особенностей имеется, это все-таки ближе к xml.

На мой взгляд не стоит пока вам использовать xhtml, потренируйтесь на html.

Sign In

конфликт с Mozilla Firefox

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information